import Vue from 'vue'
import VueRouter from 'vue-router'


import IndexView from '../views/IndexView.vue'

//menu页面
import MenuView from '../views/MenuView.vue'
import listOne from '../components/MenuView/ListOne.vue'

//shop
import ShopView from '../views/ShopView.vue'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'about',
    component: IndexView
  },
  {
    path: '/menu',
    name: 'menu',
    component: MenuView
  },
  {
    path: '/shop',
    name: 'shop',
    component: ShopView
  },
  {
    path: '/listOne',
    name: 'listOne',
    component: listOne
  },
  

  
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
